// todo
.#{$ns}TreeSelectControl {
  position: relative;

  > .#{$ns}TreeSelect-popover {
    width: 100%;
  }
}

.#{$ns}TreeSelect {
  @include input-text();
  outline: none;

  &.is-opened {
    border-color: $Form-input-onFocused-borderColor;
    box-shadow: $Form-input-boxShadow;

    @if $Form-input-onFocused-bg !=$Form-input-bg {
      background-color: $Form-input-onFocused-bg;
    }
  }
}

.#{$ns}TreeSelect-popover {
  background: transparent;
  border: none;
  box-shadow: none;

  > .#{$ns}Tree {
    background: $TreeSelect-popover-bg;
    border: $Form-input-borderWidth solid $Form-input-onFocused-borderColor;
    padding: $gap-xs $Form-input-paddingX;
    border-radius: 0;
    margin-top: -1px;
    max-height: 400px;
    overflow: auto;
  }
}
